<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../node_modules/handsontable/dist/handsontable.full.css">
    <link rel="stylesheet" href="./font_shymes9yiui/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <input type="file" class="file" id="file">
    <div class="head wrap">
        <ul class="doc_top">
            <li class="doc_top_left">
                <ul>
                    <li>
                        <i class="icon iconfont icon-left"></i>
                    </li>
                    <li class="wodewang">
                        <i class="icon iconfont icon-wodewangpan1"></i>
                    </li>
                    <li>
                        <p>测试表格</p>
                    </li>
                    <li>
                        <i class="icon iconfont icon-icon-star"></i>
                    </li>
                    <li>
                        <label for="file">
                            <i class="icon iconfont icon-filetransfer_px"></i>
                        </label>
                    </li>
                    <li>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <i class="icon iconfont icon-bottom"></i>
                    </li>
                    <li>
                        <i class="icon iconfont icon-right"></i>
                    </li>
                    <li>
                        <p>最近保存 21:59</p>
                    </li>
                </ul>
            </li>
            <li class="doc_top_right">
                <ul>
                    <li>
                        <i class="icon iconfont icon-menu1"></i>
                    </li>
                    <li>
                        <i class="icon iconfont icon-A-copy"></i>
                        <i class="icon iconfont icon-menu2"></i>
                    </li>
                    <li>
                        <i class="icon iconfont icon-people"></i>
                        <i class="icon iconfont icon-eye"></i>
                    </li>
                    <li>|</li>
                    <li>
                        <p>分享</p>
                    </li>
                    <li>|</li>
                    <li>
                        <p></p>
                        <i class="icon iconfont icon-tencent"></i>
                    </li>
                </ul>
            </li>
        </ul>
        <ul class="doc_bottom">
            <li>
                <i class="icon iconfont icon-withdraw"></i>
            </li>
            <li>
                <i class="icon iconfont icon-forward"></i>
            </li>
            <li>
                <i class="icon iconfont icon-Format-brush"></i>
            </li>
            <li>
                <i class="icon iconfont icon-card-eliminate"></i>
            </li>
            <li>|</li>
            <li>
                <i class="icon iconfont icon-plus"></i>
                <p>插入</p>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>|</li>
            <li>
                <p>常规</p>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <p>.0</p>
                <div>
                    <i class="icon iconfont icon-bottom1"></i>
                    <i class="icon iconfont icon-bottom"></i>
                </div>
            </li>
            <li>|</li>
            <li>
                <p>默认字体</p>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <p>14</p>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>|</li>
            <li>
                <i class="icon iconfont icon-B"></i>
            </li>
            <li>
                <i class="icon iconfont icon-icon-fontItalics"></i>
            </li>
            <li>
                <i class="icon iconfont icon-under-line"></i>
            </li>
            <li>
                <i class="icon iconfont icon-delete_line"></i>
            </li>
            <li>
                <i class="icon iconfont icon-icon-fontcolor"></i>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <i class="icon iconfont icon-icon-fillcolor"></i>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <i class="icon iconfont icon-window"></i>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <i class="icon iconfont icon--merge"></i>
            </li>
            <li>|</li>
            <li>
                <i class="icon iconfont icon-abm-btn-vertical-center"></i>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <i class="icon iconfont icon-GoogleMaterialicverticalaligncenterpx"></i>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <i class=""></i>
            </li>
            <li>|</li>
            <li>
                <i class="icon iconfont icon-freeze"></i>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>|</li>
            <li>
                <i class="icon iconfont icon-sum"></i>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <i class="icon iconfont icon-Screen"></i>
            </li>
            <li>
                <p>更多</p>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <i class="icon iconfont icon-top"></i>
            </li>
        </ul>
    </div>
    <div class="content wrap">
        <div class="tabShow">
            <div id="container"></div>
        </div>
        <aside>
            <ul>
                <li>
                    <i class="icon iconfont icon-Mobilephone-"></i>
                </li>
                <li>
                    <i class="icon iconfont icon-questionmark"></i>
                </li>
            </ul>
        </aside>
        <ul class="content_bottom">
            <li>
                <i class="icon iconfont icon-Addto"></i>
                <i class="icon iconfont icon-layers"></i>
            </li>
            <li>
                <p>短训版本</p>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <p>实训版本</p>
                <i class="icon iconfont icon-bottom"></i>
            </li>
            <li>
                <ul class="bottom_list">
                    <li>
                        <i class="icon iconfont icon-enlarge"></i>
                    </li>
                    <li>
                        <i class="icon iconfont icon-jian"></i>
                    </li>
                    <li>
                        <p>100</p>%
                    </li>
                    <li>
                        <i class="icon iconfont icon-Addto"></i>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</body>
<script src="../node_modules/js-xlsx/dist/xlsx.full.min.js"></script>
<script src="../node_modules/handsontable/dist/handsontable.full.min.js"></script>
<!-- <script src="../node_modules/xlsx-populate/browser/xlsx-populate.min.js"></script> -->
<script src="./index.js"></script>

</html>